﻿<meta http-equiv="X-UA-Compatible" content="IE=10" />
<meta content="text/html; charset=UTF-8; X-Content-Type-Options=nosniff" http-equiv="Content-Type" />
<!--<link rel="stylesheet" type="text/css" href="css/smartstream.css" xmlns="http://www.w3.org/1999/html">-->
<div id="smartsteam_panel" class="wp_fz_12" style="color: #595959">
    <div id="smartsteamTpl" class="smartsteamTpl">
        <div class="ss_row">
            <div class="ss_header" id="ss_panel_top">
                Smart Stream
                <i id="ss_panel_top_resize" class="main_common_f_13_13 right wp_mr_3 wp_mt_2 smartsteam_clickable"  title="Expand"></i>
            </div>
        </div>
        <div>
            <div class="ss_row" style="">
                <ul class="filterMenu left wp_ml_15 wp_mt_10 wp_mb_10" id="filterMenu">
                    <li>
                        <span id="filterMenu_selected">Filter Posts</span>
                        <ul id="filterMenu_list"></ul>
                    </li>
                </ul>
                <i title="Search" id="ss_search_button" class="main_common_j_11_11 right wp_mt_10 wp_mr_15  smartsteam_clickable" onclick="smartstream.onSearchClicked();"></i>
                <button id="ss_menubar_share_btn" style="display:none" type="button" class="k-button wp_w_45 wp_h_18 wp_fz_11 right" onclick="smartstream.onShareButtonClicked();">Share</button>
                <span id="ss_menubar_time_btn" style="display: none;" class="right wp_mt_10 wp_mr_20 wp_fz_12 smartsteam_clickable" onclick="smartstream.onOrderTimeClicked();">Last Modified Time<i id="ss_order_time_down" class="main_icon_f_6_8 wp_ml_3 wp_mt_3" style="display: none;"></i><i id="ss_order_time_up" class="main_icon_e_6_8 wp_ml_3 wp_mt_3"></i></span>
            </div>
        </div>
        <div id="ss_view">
			<div id="ss_time_out_message"></div>
            <div class="ss_body" id="smartstream_min_view"></div>
            <div class="ss_body" id="ss_body_search">           
				<div class="wp_w_768 wp_h_30 wp_ml_12">
					<span class="left wp_ml_17 wp_mr_5 wp_fz_11 wp_mt_3">Keywords  </span>
						<span class="k-textbox wp_searchbar">            
							<input id="ss_search_keywords_input" maxlength=2000  onkeyup="if (event.keyCode == 13) {smartstream.doSearch();}" type="text">
							<i class="k-icon k-i-search" title="Search" onclick="smartstream.doSearch();">&nbsp;</i>
						</span>
					</span></span>
				</div>
				<hr class="apps_tools_hr wp_w_768 wp_mt_9 wp_mb_10 left">
                <div id="ss_body_search_result_container" class="wp_w_768 wp_h_20 wp_mt_10 wp_mb-10">
                    <p class="wp_mb_10">
                        <span style="color:#4BB3FC" class="wp_h_20 wp_ml_25 smartsteam_clickable" onclick="smartstream.onBackToAllClicked();">Back to all</span>
                        <span id="ss_body_search_count">0 Result(s) for </span>
                    </p>
                    <div id="ss_body_search_results"></div>
                </div>
            </div>
            <div class="ss_body" id="smartstream_max_view"><div id="ss_time_out_message_max"></div></div>
        </div>
    </div>
</div>

<script id="smartstream_rowTmpl" type="text/x-kendo-template">
        <div class="ss_wrap" id="min_#:data.NotificationId#">
            <div class="ss_row wp_mb_10">
                <div class="left pic">
                    #if (data.EntityType.toLowerCase() == 'update') {#
                    <img style="height: 20px;width: 20px;" src="imgs/icons/main_documents_g_20_20.png" >
                    #}else{#
                    <img style="height: 20px;width: 20px;;" src="#:data.EntityImageUrl#"  onerror="smartstream.default(this)" >
                    #}#
                </div>
                <div class="right desc">
                    <div class="ss_title wp_mb_5 wp_h_17" title="#:data.NotificationTitle#">
                    <a id="ss_min_btn_title_#:data.NotificationId#" style="color: \#000000"
                        #if (!data.IsdetailPageLink || !data.EntityLinkUrl || data.EntityLinkUrl.toLowerCase() == 'null') {#
                        href="javascript:smartstream.showDetailWindow('smartstream','#:data.NotificationId#','#:data.NotificationType#','#:data.ToId#','#:data.CreatedDate#','')">
                        #}else{#
                        href="javascript:smartstream.showDetailWindowWithURL('smartstream','#:data.EntityLinkUrl#','#:data.NotificationId#','#:data.NotificationType#','#:data.ToId#','#:data.CreatedDate#','')">
                        #}#
                    #:data.NotificationTitle#</a>
                    </div>
					<div class="left ss_title wp_h_17">
						  <a>#:data.NotificationTitle#</a>
                    </div>
                    <div class="right toTime" id="smartstream_min_timestamp_#:data.NotificationId#">
                        #: Workport.utils.calDays(data.ServerDate,data.LastModifiedDate) #
                    </div>
                </div>
            </div>
        </div>
        <div class="ss_row ss_line" id="min_#:data.NotificationId#_line"></div>
</script>

<!-- max template -->
 <script id="smartstream_maxTmpl" type="text/x-kendo-template">
    <div class="ss_wrap ss_max" id="max_#:data.NotificationId#">
		<div class="left pic">
            #if (data.EntityType != null && data.EntityType.toLowerCase() == 'update') {#
            <img id="ss_max_btn_left_img#:data.NotificationId#" style="margin-top: 2px;" src="imgs/icons/main_documents_g_20_20.png" >
            #}else{#
            <img id="ss_max_btn_left_img#:data.NotificationId#" style="height: 20px;width: 20px;margin-top: 2px;" src="#:data.EntityImageUrl#"  onerror="smartstream.default(this)" >
            #}#
        </div>
        <div class="right desc">
            <div class="ss_title">
            <p style="margin-bottom: 8px;" class="text-overflow">
                <a id="ss_max_btn_title_#:data.NotificationId#" title="#:data.NotificationTitle#" style="font-size: 14px; color: \#000000"
                #if (!data.IsdetailPageLink || !data.EntityLinkUrl || data.EntityLinkUrl.toLowerCase() == 'null') {#
                href="javascript:smartstream.showDetailWindow('smartstream','#:data.NotificationId#','#:data.NotificationType#','#:data.ToId#','','')">
                #}else{#
                    href="javascript:smartstream.showDetailWindowWithURL('smartstream','#:data.EntityLinkUrl#','#:data.NotificationId#','#:data.NotificationType#','#:data.ToId#','#:data.CreatedDate#','')">
                #}#
             #:data.NotificationTitle#</a>
            </p>
            </div>

            <div class="left" id="ss_max_btn_text_#:data.NotificationId#">
				#=data.NotificationText#
				<br/>
				#=data.AdditionalData#
            </div>
			<div class="right">
				<span class="wp_dynimac_text wp_mr_20">#: Workport.utils.calDays(data.ServerDate,data.LastModifiedDate) #</span>
			</div>
			<div class="right">
				#if (data.NotificationTitle.length > 100) {#
					 <a class="wp_mr_20" id="ss_max_btn_title_#:data.NotificationId#" title="#:data.NotificationTitle#" style="font-size: 12px; color: \#00AAFF"
					#if (!data.IsdetailPageLink || !data.EntityLinkUrl || data.EntityLinkUrl.toLowerCase() == 'null') {#
					href="javascript:smartstream.showDetailWindow('smartstream','#:data.NotificationId#','#:data.NotificationType#','#:data.ToId#','','')">
					#}else{#
						href="javascript:smartstream.showDetailWindowWithURL('smartstream','#:data.EntityLinkUrl#','#:data.NotificationId#','#:data.NotificationType#','#:data.ToId#','#:data.CreatedDate#','')">
					#}#
					Read More...</a>
				#}#
			</div>
        </div>
    </div>
    <div class="ss_row ss_line wp_mt_15 wp_mb_10" id="max_#:data.NotificationId#_line"></div>
</script>
<script type="text/javascript" src="js/smartstream.main.new.js"></script>
